<?php
require_once('php/funciones.php');
	require_once('php/conf/config.php');
$tienda = _SITE_URL_."/tienda";
$estaPagina=$_SERVER['PHP_SELF'];
?>
<html>
<head>
		<title>Registrarse</title>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="css/estilo_registro.css" />
		<link rel="stylesheet" type="text/css" href="css/estiloPrincipal.css"/>
		<link rel="stylesheet" type="text/css" href="css/fonts.css" />
		<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.10.4.custom.css" />
		<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script type="text/javascript" src="js/form.js"></script>
		<script type="text/javascript" src="js/ValidarRegCliente.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.10.4.custom.js"></script>
		 <script>
			$(function() {
				$( "#fechaNacimiento" ).datepicker();
			});
			
		</script>
</head>
	<body>
	<div id="contenedor">
		<div id="head">
				<div id="contenedorMenu">
				<ul id="menu" class="efectoMenu nav">
					<li class="marca">
						<a href="principal.php">Principal</a>
						<audio style="display: none" id="beep-two0" controls preload="auto">
							<source src="sonidos/zumbido.mp3" controls></source>
							<source src="sonidos/zumbido.ogg" controls></source>
							Your browser isn't invited for super fun audio time.
						</audio>
					</li>
					<li>
						<a href="historia.php">Introducci&oacute;n</a>
						<audio  style="display: none" id="beep-two1" controls preload="auto">
							<source src="sonidos/zumbido.mp3" controls></source>
							<source src="sonidos/zumbido.ogg" controls></source>
							Your browser isn't invited for super fun audio time.
						</audio>
					</li>
					<li>
						<a href="proceso.php">Proceso</a>
						<audio  style="display: none" id="beep-two2" controls preload="auto">
							<source src="sonidos/zumbido.mp3" controls></source>
							<source src="sonidos/zumbido.ogg" controls></source>
							Your browser isn't invited for super fun audio time.
						</audio>
					</li>
					<li>
						<a href="productos.php">Productos</a>
						<audio  style="display: none" id="beep-two3" controls preload="auto">
							<source src="sonidos/zumbido.mp3" controls></source>
							<source src="sonidos/zumbido.ogg" controls></source>
							Your browser isn't invited for super fun audio time.
						</audio>
					</li>
					<li>
						<a href="<?php echo $tienda; ?>">Tienda</a>
						<audio  style="display: none" id="beep-two4" controls preload="auto">
							<source src="sonidos/zumbido.mp3" controls></source>
							<source src="sonidos/zumbido.ogg" controls></source>
							Your browser isn't invited for super fun audio time.
						</audio>
					</li>
					
				</ul>
				
			</div>
		</div>
		<div id="contenido">
			
			<div id="contenedor-registro">
				
				<form id="formulario-reg" name="fr" class="" accept-charset="UTF-8" method="POST">
				<div id="initForm">
						<div class="cont-tit-reg">
								<div class="titu-reg">
									<h2>Registrarse</h2>
								</div>
						</div>
						<div class="form-group">
							<div class="cont-titu-reg">
								<h5 class="titu-reg">Datos de Usuario</h5>
							</div>
						</div>
						<div class="form-group">
							<div class="data-input">
								<input type="text" name="user_name" placeholder="Nombre de usuario"
									class="" id="usrName" required>
							
							</div>
							
							<div class="data-input">
								<input type="email" name="email" placeholder="Email"
									class="" id="emlUsu" required>
							
							</div>
													
							
						</div>
						<div class="box-error">
								<span id="usrNameErr" class="error data-input"></span>
								<span id="emailErr" class="error data-input"></span>
						</div>
					</div>
					<div id="infoCuenta">	
					<div class="form-group">
						<div class="cont-titu-reg">
							<h5 class="titu-reg">Datos de la cuenta</h5>
						</div>
					</div>
					
					<div class="form-group">
						
						<div class="data-input">
						
							<input type="text" name="nombre_usu" placeholder="Nombre" class="" id="nombCompl" required>
						
						</div>
						
						<div class="data-input">
							<input type="text" name="ape_usu" placeholder="Apellidos" class="" id="apeCompl" required>
						</div>
								<div class="box-err-info">
										<span id="err-usu-compl" class="error bloque1"></span>
										<span id="err-ape-compl" class="error bloque2"></span>
								</div>
						<div class="data-input">
							<input size="10" type="text" name="fechaNac_usu" placeholder="F.Nacimiento" class="" id="fechaNacimiento" required>
						</div>
								
						<div class="data-input">
							<input type="text" name="dni_usu" placeholder="DNI" class="" id="dniUsu" required>
						</div>
						
								<div class="box-err-info">
										<span id="err-fecha" class="error bloque1"></span>
										<span id="err-dni" class="error bloque2"></span>
								</div>
						
						<div class="data-input">
							<input size="10" type="phone" name="phone_usu" placeholder="Tel&eacute;fono" class="" id="telUsu" required>
						</div>
						
						<div class="data-input">
							<input type="text" name="calle_usu" placeholder="Calle" class="" id="calleUsu" required>
						</div>
						
								<div class="box-err-info">
										<span id="err-phone" class="error bloque1"></span>
										<span id="err-calle" class="error bloque2"></span>
								</div>
						
						<div class="data-input">
							<input type="number" name="num_calle_usu" placeholder="Numero" class="" id="numCalleUsu" required>
						</div>
						<div class="data-input">
							<input size="4" type="text" name="portal_calle_usu" placeholder="Portal" class="" id="portalUsu">
						</div>
								<div class="box-err-info">
									<span id="err-numPortal" class="error bloque1"></span>
									<span id="blank" class="error bloque2"></span>
								</div>
						<div class="data-input">
							<input type="text" name="piso_calle_usu" placeholder="Piso" class="" id="pisoUsuario">
						</div>
						<div class="data-input">
							<input type="text" name="puerta_calle_usu" placeholder="Puerta" class="" id="puertaPisoUsu">
						</div>
							<div class="box-err-info">
									<span id="" class="error bloque1"></span>
									<span id="" class="error bloque2"></span>
							</div>

						<div class="data-input">
							<input size="15" type="text" name="cod_post" placeholder="C&oacute;digo Postal" class="" id="codPostUsu" requiered>
						</div>
						<div class="data-input">
							<input type="text" name="localidad_usu" placeholder="Localidad" class="" id="localidadUsu" required>
						</div>
								<div class="box-err-info">
									<span id="err-CP" class="error bloque1"></span>
									<span id="err-localid" class="error bloque2"></span>
								</div>
						<div class="data-input">
							<div class="opcionesRegSelect">
								<select class="estiloSelect" name="ciu-usu" id="ciudadUsu" >
									<?php
										$ciudades = array (
										"-Ciudad-", "Alava", "Albacete", "Alicante", "Almeria", "Asturias", "Avila", "Badajoz",
										"Barcelona","Burgos", "Caceres", "Cadiz", "Cantabria", "Castellon", "Ceuta", "Ciudad Real",
										"Cordoba", "Cuenca","Girona","Las Palmas","Granada", "Guadalajara","Guipuzcoa", "Huelva", "Huesca",
										"Islas Baleares", "Jaen","La Coruña", "La Rioja", "Leon", "Lleida", "Lugo", "Madrid", "Malaga", "Melilla",
										"Murcia", "Navarra", "Ourense", "Palencia", "Pontevedra", "Salamanca","Sta. C. Tenerife", "Segovia","Sevilla", "Soria",
										"Tarragona", "Teruel", "Toledo", "Valencia", "Valladolid",
										"Vizcaya", "Zamora","Zaragoza");
										
										for ($i = 0; $i < count($ciudades); $i++){
										    echo '<option value="'.$ciudades[$i]. '">'.$ciudades[$i]. "</option>";
										}
									
									?>
								</select>
								<span id="err-ciu" class="error bloque1"></span>
							</div>
						</div>
						<div class="data-input">
							<div class="opcionesRegSelect">
								<select class="estiloSelect" id='paisUsuario'>
									<option>España</option> 	
								</select>
							</div>
						</div>
						
					</div>
					
					
				</div>
					
					<div id="passGroup">
						<div class="form-group">
							<div class="cont-titu-reg">
								<h5 class="titu-reg">Escoge una contraseña</h5>
							</div>
					
							<div class="data-input">
								<input type="password" id="passUsu" name="password" placeholder="Contrase&ntilde;a" class="form-control no-mb" id="cl-password">
							</div>
				
							<div class="data-input">
								<input type="password" value="" name="password_confirm" placeholder="Confirmar contrase&ntilde;a" class="form-control no-mb"
									id="passUsuConfirm">
							</div>
						</div>
						<div class="box-error" id="pass-error-box">
								<span class="error data-input" id="passErrorMsg"></span>
						</div>
						

					</div>
						<?php // onclick="procesarRegistro('../php/registro.php')" ?>
					<div id="btnsReg" class="form-group">
						<input id="btn_submit_reg" type="button" style="display: none;" value="Crear Cuenta">
						<input id="btn_next_reg" type="button" value="Siguiente">
						<a id="btn_back_reg" href="principal.php">Volver</a>
					</div>

				</form>
				
			</div>
		


			
			
			
		</div>
			<div id="footer">
				<div id="contenedorPie">
					<ul id="pie" class="efectoMenu">
						<li>Pie 1</li>
						<li>Pie 2</li>
						<li>Pie 3</li>
					</ul>
				</div>
				<div id="contenedorRedes">
					<ul id="redesSociales" class="efectoMenu">
						<li>Twitter</li>
						<li>Facebook</li>
						<li>Redimensionar</li>
					</ul>
				</div>
			</div>
	</div>
			
	</body>
</html>
		

